<template>
  <div class="app-container">
    <!-- 顶部导航栏 -->
    <HeaderPanel title="需求申请单管理" subtitle="DEMAND REQUEST MANAGEMENT"/>

    <!-- 主内容区 -->
    <div class="main-content">
      <!-- 其他内容 -->
    </div>
  </div>
</template>

<script setup lang="ts">
import HeaderPanel from '@/components/HeaderPanel.vue'
// ... 其他代码
</script>

<style scoped>
.app-container {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  min-height: 100vh;
  font-family: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
}
</style>